body {
	background-color: #FFFFFF;
}

	body > div {
		background: url("../images/bg.png") center repeat-y;
		height: auto;
		min-height: 100%;
		min-width: 1060px;
		position: relative; /* Needed for footer positioning*/
		width: 100%;
	}
	
		body > div.left_sidebar {
			background: url("../images/bg2.png") center repeat-y;
		}
	
		body > div.right_sidebar {
			background: url("../images/bg3.png") center repeat-y;
		}
		
		body > div.sidebars {
			background: url("../images/bg4.png") center repeat-y;
		}
	
h1 {
	font-size: 17pt;
	font-weight: 600;
}

h2 {
	font-size: 15pt;
	font-weight: 600;
}

h3 {
	font-size: 14pt;
	font-weight: 600;
}

select {
	width: 300px;
}

input[type='submit'] {
	background-color: #033515;
	border: 0 solid #7F7F7F;
	border-width: 0 2px 2px 0;
	color: #FFFFFF;
	float: right;
	font-size: 14pt;
	font-weight: 600;
	padding: 10px 16px;
}

input[type='text'], textarea {
	margin-top: 3px;
	width: 732px;
}

input[type='text'], textarea, select {
	margin-bottom: 15px;
}

label {
	display: block;
	font-weight: 600;
}

	label .sameline {
		display: inline-block;
		width: 125px;
	}
	
form .error p {
	color: red;
	float: right;
	font-weight: 600;
	margin: 0 0 0 10px;
}

form p {
	margin-bottom: 10px;
}

form h2 {
	margin-bottom: 3px;
}

	form h2:nth-of-type(1) {
		color: #F20025;
	}
	form h2:nth-of-type(2) {
		color: #FF7635;	
	}

	form h2:nth-of-type(3) {	
		color: #00B358;
	}

	form h2:nth-of-type(4) {	
		color: #00A6E4;
	}

	form h2:nth-of-type(5) {
		color: #635CAA;
	}

	form h2:nth-of-type(6) {
		color: #767B81;
	}

form ul {
	margin-bottom: 12px;
}

form  li {
	background-color: #F0F0F0;
	display: inline-block;
	*display: inline;
	margin: 5px;
	padding: 4px;
	vertical-align: top;
	width: 228px;
	zoom: 1;
}

	form li label {
		display: block;
		font-weight: 500;
		height: 35px;
	}
	
	form  li input {
		float: left;
		margin: 1px 10px 10px 0;
	}
	
.avatar {
	border-radius: 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	box-shadow: 0 0 0 2px #CCCCCC;
	-moz-box-shadow: 0 0 0 2px #CCCCCC;
	-webkit-box-shadow: 0 0 0 2px #CCCCCC;
}

	.avatar:hover {
		box-shadow: 0 0 0px 3px #9AB1F5;
		-moz-box-shadow: 0 0 0 3px #9AB1F5;
		-webkit-box-shadow: 0 0 0 3px #9AB1F5;
	}

#header {
	background-color: #033515;
	height: 70px;
	position: relative;
	width: 100%;

	box-shadow: 0 3px 3px #666666;
	-moz-box-shadow: 0 3px 3px #666666;
	-webkit-box-shadow: 0 3px 3px #666666;
}

	#header .container {
		margin: 0 auto;
		width: 1000px;
	}

	#header .logo {
		display: inline;
		float: left;
		width: 205px;
		height: 70px;
	}
		
		#header .logo img {
			float: left;
			margin: 5px 0 0 0;
		}
		
		#header .logo a {
			color: #FFFFFF;
			font-family: Arial, Gadget, sans-serif;
			font-size: 18pt;
			font-weight: 600;
			line-height: 62px;
		}
		
		#header .logo sup {
			font-size: 13pt;
			line-height: 45px;
			font-weight: 500;
			vertical-align: top;
		}
		
	#header .nav {
		padding-top:25px;
	}
	
	#header .nav li {
		float: left;
	}

	#header .nav a {
		color: #FFFFFF;
		display: block;
		font-family: Arial, Gadget, sans-serif;
		font-size: 15pt;
		font-weight: 600;
		height: 40px;
		line-height: 40px;
		padding: 0 15px 0 15px;
	}

		#header .nav a.active {
			background-color: #49873F;
		}
		
		#header .nav a:hover {
			background-color: #49873F;
		}
			
	#header .my_account {
		padding-top: 0px;
		float: right;
	}

		#header .my_account a {
			color: #FFFFFF;
			display: inline;
			font-family: Arial, Gadget, sans-serif;
			font-size: 13pt;
			font-weight: 600;
			margin-top: 10px;
			height: 40px;
			line-height: 40px;
			padding: 9px 15px 9px 15px;
		}
		
#body {
	height: 100%;
	margin: 0 auto;
	padding: 15px 15px 25px 15px;
	width: 1000px;
}		

#left_sidebar {
	float: left;
	padding: 0 15px;
	width: 177px;
}
	
	#left_sidebar hr {
		background-color: #E2E2E2;
		border-width: 0;
		height: 1px;
		margin: 8px 0;
	}
		
	#left_sidebar .project_info .header  h1 {
		font-size: 14.5pt;
		text-align: center;
	}
		
	#left_sidebar .body {
		overflow: hidden;
	}

		#left_sidebar .body h1 {
			color: #3C4853;
			font-size: 14pt;
			font-weight: 600;
			margin-bottom: 8px;
		}
		
		#left_sidebar .body h2 {
			color: #3C4853;
			font-size: 12pt;
			font-weight: 600;
			line-height: 13px;
		}
		
		#left_sidebar .body p {
			font-size: 11pt;
			margin-bottom: 10px;
		}
		
		#left_sidebar .body ul {
			font-size: 11pt;
			list-style: square;
			margin: 5px 0 10px 25px;
		}
	
#right_sidebar {
	float: right;
	padding: 0 15px;
	width: 171px;
}

	#right_sidebar select {
		margin: 4px 0 0 0;
		width: 175px;
	}
	
	#right_sidebar input {
		margin: 4px 0 0 0;
		width: 169px;
	}
	
		#right_sidebar input[type='submit'] {
			background-color: #033515;
			border: 0 solid #7F7F7F;
			border-width: 0 2px 2px 0;
			color: #FFFFFF;
			font-size: 11pt;
			font-weight: 600;
			margin: 0 0 0 48px;
			padding: 4px 6px;
			width: 80px;
		}

		#right_sidebar .user_profile.public .header {
		margin-bottom: 6px;
		text-align: center;
	}
	
		#right_sidebar .user_profile.public .header h1 {
			color: #3C4853;
			font-size: 14pt;
			font-weight: 600;
			margin-bottom: 5px;
		}
		
		#right_sidebar .user_profile.public .header h2 {
			font-size: 11.5pt;
			font-weight: 500;
		}
		
		#right_sidebar .user_profile.public .header img {
			margin: 10px;
		}
		
		#right_sidebar .user_profile.public .header .edit {
			font-size: 10pt;
			margin-left: 6px;
		}
		
	#right_sidebar .user_profile.private .header {
		min-height: 58px;
		margin: 5px 0 0 5px;
	}
	
		#right_sidebar .user_profile.private .header .links {
			margin: 0px 0 0 70px;
		}
		
		#right_sidebar .user_profile.private .header h1 {
			font-size: 12.5pt;
			font-weight: 600;
			margin-bottom: 5px;
		}
		
		#right_sidebar .user_profile.private .header h2 {
			font-size: 11.5pt;
			font-weight: 500;
		}

		#right_sidebar .user_profile.private .header img {
			float: left;
		}

	#right_sidebar label {
		margin: 0 0 15px 0;
		font-weight: 600;
	}

#content {
	padding: 0 15px;
}

	#content > h1 {
		padding: 0 0 10px 0;
	}

	#content > h2 {
		padding: 10px 0 5px 8px;
	}
	
	#content > p {
		padding: 0 0 0 8px;
	}
	
	#content > ul {
		padding: 0 0 0 20px;
	}
	
	#content li h3 {
		padding: 6px 0 0 0;
		font-size: 12pt;
	}
	
	#content ul.squares {
		list-style-type: square;
		margin-left: 40px;
		padding: 5px 0 10px 0;
	}

	#content.left_sidebar {
		float: right;
		padding: 0 30px 20px 0;
		width: 738px;
	}
	
	#content.right_sidebar {
		float: left;
		padding: 0 0 20px 30px;
		width: 738px;
	}

	#content.sidebars {
		float: left;
		width: 560px;
	}

	#content .nav {
		border: 0 solid #E2E2E2;
		border-width: 0 0 1px 0;
		height: 30px;
		margin-bottom: 15px;
	}

		#content .nav li {
			float: left;
		}

		#content .nav a {
			background-color: #033515;
			color: #FFFFFF;
			display: block;
			font-family: Arial, Gadget, sans-serif;
			font-size: 12pt;
			font-weight: 600;
			height: 30px;
			line-height: 30px;
			padding: 0 10px 0 10px;
		}
		
			#content .nav a.active {
				background-color: #49873F;
			}
			
			#content .nav a:hover {
				background-color: #49873F;
			}
			
	#content .header h1 {
		margin-bottom: 10px;
	}
			
	#content .nav_header {
		float: left;
		display: block;
		height: 0px;
		position: relative;
		top: -40px;
	}
	
		#content .nav_header h1{
			float: left;
			font-size: 20pt;
			height: 0px;
			margin-bottom: 1px;
			padding: 0px;
		}
		
		#content .nav_header h2 {
			float: left;
			font-size: 11pt;
			height: 0px;
			margin: 10px 0 0 7px;
		}	

	#content .feed {
		border: 0 solid #E2E2E2;
		border-width: 0 2px 0 0;
		margin-bottom: 20px;
	}

		#content .feed p {
			color: #444444;
			font-size: 10.5pt;
			line-height: 11pt;
		}
		
		#content .feed .type {
			color: #394959;
			float: right;
			font-size: 10pt;
			font-weight: 600;
			margin: 3px 10px 0 0;
		}
		
		#content .feed.green {
			border-color: #22B14C;
		}
		
			#content .feed.green .type {
				color: #22B14C;
			}
		
		#content .feed.orange {
			border-color: #49873F;
		}
		
			#content .feed.orange .type {
				color: #49873F;
			}
		
		#content .feed.red {
			border-color: #ED1C24;
		}
		
			#content .feed.red .type {
				color: #ED1C24;
			}
		
		#content .feed .header {
		}

			#content .feed .header h1 {
				color: #394959;
				font-size: 14pt;
				margin: 0;
			}
			
				#content .feed .header h1 a {
					font-weight: 600;
				}
			
			#content .feed .header .right {
				float: right;
				max-width: 250px;
			}
			
				#content .feed .header .right p {
					font-size: 10pt;
					margin: 1px 10px 1px 0;
					text-align: right;
				}
				
				#content .feed .header .right img {
					float: right;
					margin-right: 10px;
				}
				
		#content .feed .separator {
			clear: right;
			height: 5px;
		}
		
		#content .feed .message {
			width: 737px;
		}
			
			#content .feed .message p {
				margin-right: 10px;
			}
		
		#content .feed.small .header .right p {
			margin-right: 50px;
		}
			
		#content .feed.small .message {
			width: 560px;
		}
			
	#content .impression {
		clear: both;
		line-height: 14pt;
		margin: 30px 15px 0 15px;
	}
			
		#content .impression blockquote {
			display: inline-block;
		}
		
		#content .impression .message {
			margin: 0 25px;
		}

		#content .impression .begin {
			color: #49873F;
			font-family: 'Lucida Grande', Verdana, helvetica, sans-serif;
			font-size: 40pt;
			font-style: normal;
			float: left;
			height: 0px;
		}
		
		#content .impression .end {
			float: right;
			color: #49873F;
			font-family: 'Lucida Grande', Verdana, helvetica, sans-serif;
			font-size: 40pt;
			font-style: normal;
			height: 0px;
		}
		
		#content .impression .info {
			clear: both;
			margin: 15px 0 50px 460px;
		}
	
		#content .impression .date {
			font-size: 10pt;
		}
	
	#content .grid_view {
	
	}

		#content .grid_view .body h1 {
			background-color: #F0F0F0;
			font-size: 13pt;
			height: 20px;
			margin: 0;
			padding: 4px;
		}
		
			#content .grid_view .body h1 span {
				float: right;
				font-size: 9pt;
				margin-top: 2px;
			}
			
			#content .grid_view .body h1 a {
				color: #444444;
			}
		
		#content .grid_view .body ul.list > li {
			border: 0 solid #CCCCCC;
			border-width: 3px 0 0 0;
			display: inline-block;
			*display: inline;
			font-size: 13pt;
			_height: 170px;
			margin-bottom: 25px;
			min-height: 170px;
			vertical-align: top;
			width: 355px;
			zoom: 1;
		}
		
			#content .grid_view .body  ul.list > li:nth-child(2n) {
				margin-left: 20px;
			}

			#content .grid_view .body  ul.list > li:nth-of-type(6n+1) {
				border-color: #F20025;
			}
			
			#content .grid_view .body  ul.list > li:nth-of-type(6n+2) {
				border-color: #FF7635;	
			}

			#content .grid_view .body  ul.list > li:nth-of-type(6n+3) {	
				border-color: #00B358;
			}

			#content .grid_view .body  ul.list > li:nth-of-type(6n+4) {	
				border-color: #00A6E4;
			}

			#content .grid_view .body  ul.list > li:nth-of-type(6n+5) {
				border-color: #635CAA;
			}

			#content .grid_view .body  ul.list > li:nth-of-type(6n+6) {
				border-color: #767B81;
			}		
			
		#content .grid_view .body ul ul {
			list-style: square;
			margin-left: 24px;
		}
		
			#content .grid_view .body ul ul li{
					margin: 2px 0;
			}
				
	#content .grid_view2 {
	
	}

		#content .grid_view2 .body h1 {
			font-size: 16pt;
			margin: 10px 0;
		}
		
		#content .grid_view2 .body h2 {
			font-size: 16pt;
			font-weight: 500;
			line-height: 15px;
			margin-bottom: 7px;
		}
		
		#content .grid_view2 .body p {
			font-size: 11pt;
			line-height: 18px;
		}
		
		#content .grid_view2 .body ul:not(:last-of-type) {
			border: 0 solid #CCCCCC;
			border-width: 0 0 1px 0;
		}
		
		#content .grid_view2 .body ul li {
			background-color: #F0F0F0;
			display: inline-block;
			*display: inline;
			margin-bottom: 20px;
			padding: 12px;
			vertical-align: top;
			width: 330px;
			zoom: 1;
		}
		
			#content .grid_view2 .body ul li:nth-child(odd) {
				margin-right: 22px;
			}
		
		#content .grid_view2 .avatar {
			float: left;
			margin-right: 20px;
		}
		
	#content .log {
	
	}
	
		#content .log .header {
		
		}

			#content .log .header h1 {
				margin: 0;
				padding: 10px 0 0 0;
			}

				#content .log .header h1 a.edit{
					font-size: 12pt;
				}
				
			#content .log .header p {
				font-weight: 500;
			}

			#content .log .header .user_info {
				float: right;
			}

				#content .log .header .user_info .links {
					float: left;
				}
				
				#content .log .header .user_info img {
					float: left;
					margin-right: 15px;
				}
			
				#content .log .header  .user_info  h1 {
					font-size: 12pt;
					font-weight: 600;
					margin-bottom: 5px;
					padding-top: 1px;
				}
				
				#content .log .header  .user_info h2 {
					font-size: 11.5pt;
					font-weight: 500;
				}
		
		#content .log .description {
			border: 0 solid #CCCCCC;
			border-width: 0 0 1px 0;
			padding-bottom: 15px;
			margin-bottom: 15px;
		}

	#content .comments input[type="submit"] {
		float: right;
		font-size: 10pt;
		padding: 7px;
	}	

	#content .comments .footer textarea {
		height: 90px;
	}

	#content .comment {
		border: 0 solid #CCCCCC;
		border-width: 0 0 1px 0;
		clear: both;
		margin-bottom: 20px;
	}

		#content .comment .header .links {
			margin-bottom: 6px;
		}
		
		#content .comment .header img {
			float: left;
			margin: 4px 15px 6px 0;
		}

		#content .comment .header  h1 {
			display: inline;
			font-size: 12pt;
			font-weight: 600;
			margin: 0 0 5px 0;
			padding-top: 1px;
		}
		
		#content .comment .header h2 {
			display: inline;
			font-size: 11.5pt;
			font-weight: 500;
		}
		
			#content .comment .header  h2:before
			{
				content: "- ";
			}
			
		#content .comment .body {
			padding-left: 45px;
		}
		
			#content .comment .body p {
				margin-bottom: 6px;
			}
			
				#content .comment .body p:last-child {
					margin-bottom: 0px;
				}

		#content .comment .comment {
			border-width: 0;
			margin: 20px 0 0 55px;
		}
		
		#content .comment .footer {
			min-height: 18px;
		}
		
			#content .comment .footer a {
				float: right;
				margin-right: 6px;
			}
		
			#content .comment .footer form {
				margin: 20px 0 66px 55px;
			}

			#content .comment .footer textarea {
				height: 60px;
				width: 659px;
			}
		
		#content .comment .markItUp {
			width: 683px;
		}
		
	#content .search .result {
		background-color: #F0F0F0;
		margin-top: 18px;
		padding: 12px;
	}
	
		#content .search .result h1 {
			font-size: 16pt;
			font-weight: 500;
		}
		
			#content .search .result h1 span {
				font-size: 12pt;
				font-weight: 500;
				padding: 0 0 2px 2px;
			}
			
	#content .search .result a img{
		float: left;
		margin: 2px 10px 10px 0;
	}
	
	#content .search .result p.space {
		font-size: 10pt;
		padding-bottom: 6px;
	}
	
	#content .pagination {
		border: 1px solid #CCCCCC;
		border-width: 1px 0 0 0;
		margin-top: 30px;
		padding-top: 10px;		
	}
	
		#content .pagination .prev {
			float: left;
			width: 25%;
		}
		
			#content .pagination .prev a {
				color: #666666;
			}

		#content .pagination .next {
			float: right;
			text-align: right;
			width: 25%;
		}
		
			#content .pagination .next a {
				color: #666666;
			}
		
		#content .pagination .pages {
			float: left;
			text-align: center;
			width: 50%;
		}
		
			#content .pagination .pages a {
				color: #666666;
				margin: 0 2px;
				padding: 3px 6px;
			}
			
			#content .pagination .pages a:hover {
				background-color: #49873F;
				color: #FFFFFF;
				text-decoration: none;
			}
			
		#content .pagination .pages .active {
			background-color: #49873F;
			color: #FFFFFF;
			font-weight: 600;
		}
		
	#content .logs .log {
		margin-top: 18px;
	}
	
		#content .logs .log h1 {
			font-size: 16pt;
			font-weight: 500;
		}
		
	#content .positions .position {
		margin-top: 18px;
	}
	
		#content .positions .position h1 {
			font-size: 16pt;
			font-weight: 500;
		}
		
#footer_clear {
	clear: both;
	height: 65px;
	width: 100%;
}

#footer {
	border: 0 solid #E2E2E2;
	border-width: 1px 0 0 0;
	bottom: 0;
	clear: both;
	position:absolute;
	color: #FFFFFF;
	height: 65px;
	width: 100%;
}
			
	#footer .container {
		margin: 0 auto;
		width: 1000px;
	}

	#footer .nav {
		padding: 20px;
		text-align: left;
	}

		#footer .nav li {
			background-color: #FFFFFF;
			display: inline;
			margin-left: 10px;
		}

	#footer a {
		font-size: 13pt;
		font-weight: 600;
	}
	
	
h1 {
	font-size: 40px;
}

hr {
	margin: 15px 0;
	clear: both;
}	
	
/* ***************************************MYBILLS.php********************************************* */
#mybills {
	margin-top: 20px;
}
	#mybills h3 {
		display: block;
		margin-bottom: 10px;
		font-size: 29px;
	}
	
	#mybills .hr-mybills {
		margin: 30px 0px;
	}

	#mybills .amount-owed {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		width: 176px;
		font-size: 64px;
		color: red;
		text-align: right;
	}
	
	#mybills .amount-paid {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		width: 176px;
		font-size: 64px;
		color: green;
		text-align: right;
	}
	
	#mybills p img {
		float: left;
		margin-right: 20px;
		border: 1px solid #333333;
	}
	
	#mybills .paybill, #mybills .editbill {
		float: right;
		margin-left: 20px;
		margin-bottom: 50px;
		background-color: #033515;
		color: #ffffff;
		font-size: 18px;
		padding: 7px 10px;
	}
		
		#mybills .paybill a:link, #mybills .paybill a:visited, #mybills .paybill  a:hover, #mybills .editbill a:link, #mybills .editbill a:visited, #mybills .editbill  a:hover {
			color: #ffffff;
		}
	#mybills .category {
		margin-bottom:5px;
	}
	
	#mybills  .notes {
		margin-bottom: 20px;
		font-style:italic;
	}
	
	#mybills .pay-list {
		float:right;
		margin-left: 20px;
		width: 200px;
	}
		#mybills .pay-list ul {
			padding-left:20px;
		}
	
	#mybills .owe-sum {
		float: left;
		display: inline;
		font-size: 20px;
		color: red;
		width: 176px;
		text-align: right;
		margin-top: 10px;
		padding-top: 5px;
		border-top: 3px solid red;
	}
	
	#mybills .paid-sum{
		float: left;
		display: inline;
		font-size: 20px;
		color: green;
		width: 176px;
		text-align: right;
		margin-top: 10px;
		padding-top: 5px;
		border-top: 3px solid green;
	}

/* ***************************************EDITACCOUNT.php********************************************* */
#editaccount{
	margin-top: 20px;
}

	#editaccount form .pic, #editaccount form .up-pic {
		float:left;
		margin-right: 40px;
	}
	#editaccount form label img{ 
		margin-top: 5px;
		border: 1px solid #333333;
	}
	
	#editaccount form label {
		font-size:20px;
	}
	
	#editaccount form label input[type="text"] {
		float:right;
		margin-top: 5px;
		margin-bottom: 20px;
		width: 540px;
	}
	
	#editaccount form input[type="submit"] {
		float: right;
		padding: 8px 12px;
		font-size: 20px;
	}
	
/* ***************************************ADDBILL.php********************************************* */
#addbill {
	margin-top: 20px;
}
	#addbill form h2, #addbill form ul {
		display: block;
		clear: both;
		float: right;
		width: 228px;
	}
		#addbill form h2 {
			font-size: 18px;
		}
	
		#addbill form ul li {
			margin: 6px 0 7px 0;
			padding: 7px;
		}
		
	#houses-form {
		height: 50px;
		margin-bottom: 0;
		font-size: 30px;
		padding: 5px;
		width: 550px;
	}
		#addbill h1 .form2 {
			width: 616px;
		}
	
	#addbill form label input[type="text"], #addbill form label  textarea {
		display: block;
		margin-top: 5px;
		margin-bottom: 20px;
		width: 470px;
	}
	
	#addbill form label select {
		width: 346px;
	}
	
	#addbill form .error {
		float: left;
		margin-top: 15px;
		margin-left: 20px;
	}

	#addbill form input[type="submit"] {
		float: left;
		margin-left: 0;
		padding: 6px 10px;
		font-size: 20px;
	}
	
/* ***************************************ADMIN.php********************************************* */
#admin {
	margin-top:20px;
}
	#admin h2 {
		margin-bottom: 20px;
		font-size: 25px;
	}
	
	#admin h3 {
		margin-bottom: 10px;
	}
	
	#admin .users, #admin  .bills, #admin .households{
		float: left;
		width: 210px;
		border: 1px solid #333333;
		padding: 10px;
		margin: 0 14px 20px 0px;
	}
	
	#admin div form input[type="submit"] {
		float: right;
		text-align: right;
		margin-left: 0;
		padding: 2px 5px;
		font-size: 14px;
	}
	
/* ***************************************HOUSES.php********************************************* */
#houses {
	margin-top: 20px;
}

	#houses h2 {
		font-size: 30px;
		margin-bottom: 10px;
	}
	
	#houses h3 {
		font-size: 20px;
		margin-top: 20px;
		margin-bottom: 5px;
	}
	
	#houses img {
		margin-top:3px;
	}
	
	#houses .hr-houses {
		margin: 30px 0px;
		clear: both;
	}
	
		#houses .house-name , #houses .address{
			margin-right: 20px;
			margin-bottom: 20px;
		}
		
		#houses .address {
			font-size: 28px;
			font-style: italic;
		}
	
	#houses .map_canvas {
		float: right;
		width: 320px;
		height: 160px;
		margin-left: 30px;
		border: 1px solid #333333;
		margin-bottom: 50px;
	}
	
	#houses table {
		margin-bottom: 30px;
	}
	#houses table tbody tr td {
		padding-right: 10px;
	}	
		#houses table tbody tr .amount {
			text-align: right;
			color: green;
		}
		
	#houses .members {
		float: left;
		display: inline;
		border: 1px solid #333333;
		width: 317px;
		margin: 0px 20px 30px 0;
		padding: 15px;
		
	}
		#houses .members p {
			display: inline;
		}
		
		#houses .members p img {
			border: 1px solid #333333;
			margin-right: 20px;
			float: left;
		}
		
		#houses .members h3{
			margin-top: 30px;
			font-size: 28px;
			display:inline;
			margin-bottom:5px;
		}
		
		#houses .members .e-mail a:link, #houses .members .e-mail a:visited, #houses .members .e-mail  a:hover {
			font-style: italic;
		}
		
/* ***************************************CREATEHOUSE.php********************************************* */
#createhouse{
	margin-top:20px;
}

/* ***************************************INVITE.php********************************************* */
#invite{
	margin-top:20px;
}
	#invite .invite{
		width: 305px;
		float: left;
		margin: 0 30px 0 0;
		border-right: 1px solid #333333;
		padding-right: 30px;
	}
		#invite .invite canvas {
			float: left;
			margin: 0;
		}
		
		#invite .invite h2 {
			font-size: 26px;
		}
		
		#invite .invite .address {
			font-size: 17px;
		}
		
	#invite form label input[type="text"], #invite form label  textarea {
		display: block;
		margin-top: 5px;
		margin-bottom: 20px;
		width: 366px;
	}
		#invite form label  textarea {
			height: 136px;
		}
	
	#invite form input[type="submit"] {
		padding: 4px 12px;
		font-size: 20px;
	}
	

/* ***************************************INDEX.php********************************************* */
#main-page{
	margin-top: 20px;
}
	#main-page hr {
		margin: 20px 0;
	}
	
	#main-page p img {
		border: 1px solid #333333;
		float: left;
		margin-bottom: 20px;
		margin-right: 10px;
	}
	
	#main-page .name {
		font-size: 50px;
		font-weight: 600;
		margin-bottom: 15px;
	}
	
	#net-clear {
		float: right;
		display: inline;
		width: 200px
		
	}
	
	#main-page  .net-total{
		float: right;
		font-size: 80px;
		margin-top: 30px;
	}
	
	#net-clear .net-total {
		margin-top: 5px;
	}
	
	#main-page  .clear-debts {
		float: right;
		font-size: 20px;
		background-color: #033515;
		color: white;
		padding: 4px 10px;
	}
		#main-page .clear-debts:hover, #main-page .clear-debts:visited, #main-page .clear-debts:link{
			color: white;
		}
	
	#main-page .amount {
		font-size: 40px;
		color: #333333;
	}
		
		#main-page .i-owe, #main-page .amount .i-owe {
			color: red;
		}
		
		#main-page .you-owe, #main-page .amount .you-owe {
			color: green;
		}
	
/* ***************************************SIDEBAR.php********************************************* */

	#right_sidebar .profile-pic{
		margin: 20px 0px 10px 0px;
		border: 1px solid #333333;
	}
	
	#right_sidebar h2 {
		font-size: 24px;
	}
	
	#right_sidebar hr{
		margin: 15px 0;
	}
	
	

/*Bo*/
	.errors {
		font-size: 10pt;
	}

		.errors p {
			margin-top: 10px;
			border: 1px solid red;
			color: red;
			margin-bottom: 8px;
			padding: 4px 7px;
		}